| ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

おもしろタグ教室【色々なスクロール】

■【色々なスクロール　VOL.5】文字を点滅させて見よう！

【はじめに】【初心者のためのＨＰの飾りつけ教室】とは別に、余談のページを作ってみました。ここではちょっと変わったタグや、趣向を紹介していきましょう。みなさん、どうですか！スクロールのタグ「ＭＡＲＱＵＥＥ」はうまく動いたでしょうか？５回にわたって、「ＭＡＲＱＵＥＥ」のタグをやってきましたが、今回は、この「ＭＡＲＱＵＥＥ」で、ちょっと変わった事をやって見ましょう。【色々なスクロールVOL.3】で左右に行ったり来たりする「ＭＡＲＱＵＥＥ」をやりましたが、それを使って、「文字」を点滅させる事が出来ます。まずは、【色々なスクロールVOL.3】でやった、文字を左右に行ったり来たりさせるタグのおさらいです。文字を行ったり来たりさせます。 ↑これが、基本の「ＭＡＲＱＵＥＥ」でしたね。これのタグを書いて見ましょう。
<MARQUEE behavior=alternate>文字を行ったり来たりさせます。</MARQUEE>
これが基本のタグです。行ったり来たりさせるための、属性を指定するタグが「behavior=alternate」です。「ＭＡＲＱＵＥＥ」の「幅」「高さ」「速度」の属性は、指定しておりません。移動する「幅」は、指定しなければ、端から端まで移動します。「速度」も指定しなければ、前にも述べましたとおり、１～２０段階の６のスピードになります。では、基本のタグに「速度」と「幅」の属性を持たせて見ます。「ＭＡＲＱＵＥＥ」のタグ、＜MARQUEE behavior=alternate＞の中に「速度の属性」のタグ：scrollAmount=100 「幅の属性」のタグ：width=90% を入れて見ますと、このようになります。 <MARQUEE behavior=alternate scrollAmount=100 width=90%> 更新したよう！ここで気づいていただけたでしょうか！「速度の属性」のタグ：scrollAmount　の数値が異常に大きい事を！この値をもっと大きくしますと、さてどうなるでしょうか？「速度の属性」のタグ：scrollAmount　の数値を400にして見ましょう。更新したよう！あと、もう少しですね。(^^)v では、scrollAmount　の数値を800にして見ましょう。更新したよう！あぁ～ら不思議！なんと点滅してるように、見えるじゃあ～！あ～りませんかぁぁぁ～！(^^)v どうでしょうか！「ＭＡＲＱＵＥＥ」で「文字」が点滅しました。(^_-)-☆ では、では、このサンプルのタグを書いて見ましょう。
<MARQUEE behavior=alternate scrollAmount=800 width=90%>更新したよう！</MARQUEE>
では、＜ＦＯＮＴ＞をもう少しいじって見ますと、このようになります。更新したよう！みなさん！見てねえ！この雛形のタグを下に書いて見ます。参考にしてください。
<MARQUEE behavior=alternate scrollAmount=800 width=90%><FONT SIZE="4" COLOR="red" FACE="HG創英角ﾎﾟｯﾌﾟ体">更新したよう！<BR>みなさん！<BR>見てねえ！</FONT></MARQUEE>
判りましたでしょうか。ここで、注意点です。スクロールさせる幅は、できるだけ広く取ってください。幅が狭いと、「点滅」してるように見えないのです。あと長文は避けてください。長文を書きたいときは、上のように改行して書くといいと思います。では、画像でやって見ましょう。画像は、極力小さいものにしてください。でないと、点滅してるように見えない事があります。これの、雛形のタグを下に乗っけて置きますので、参考にしてください。
<CENTER><MARQUEE behavior=alternate scrollAmount=800 width=90%><IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/19.jpg" width="100" height="68"></MARQUEE></CENTER>
このタグには、センターリングのタグ、＜CENTER＞が入れてあります。必要に応じて、取り外してください。